/* styles for desktop */

.tinynav { display: none }

#ja-splitmenu .selected a, #ja-splitmenu .selected a { color: red }

/* styles for mobile */

@media screen and (max-width: 479px) {

.tinynav { display: block!important; width:288px; height:30px; padding:5px; border:none; float:none; margin:0px auto 0px; font-size:116%; line-height:30px; text-transform:uppercase ; font-family:"abelregular", Arial, sans-serif}

#ja-splitmenu ul, #ja-splitmenu ul { display: block; }

}



/*

===================================================================================

Responsive

===================================================================================

*/

@media (max-width: 999px) and (min-width: 768px){

/*

===================================================================================

Header

===================================================================================

*/



body.bd .main{width:750px!important}

#ja-footer{height:95px}



#ja-footer .ja-footnav > .custom > div{width:100%; float:left; text-align:center}



.ja-box-ct > .custom > div{width:100%!important;}

body.bd #ja-wrapper{min-width:750px!important}





div.sigplus-gallery ul > li > img, div.sigplus-gallery ul > li > a > img{max-width:100%; width:100%; height:auto}

.sigplus-gallery h2.caption{font-size:14px!important}

div.gallery{padding-left:0}



.column dd div.button{left: -258px!important;}

.ja-footnav ul li a img{ top:3px!important;}



#ja-left {width:22%!important; }



div.ja-moduletable h3, div.moduletable h3{ padding-left:10px;}



.lof-jssliding-captions{width: 100%!important;}



.lof-jssliding-captions .lof-main-wapper{width: 100%!important;}

.lof-jssliding-captions .lof-main-wapper .lof-main-item {width: 100%;}

.lof-jssliding-captions .lof-image{width: 171px!important; height: 100%!important;}

.lof-jssliding-captions .lof-description{height: 85px;}

.lof-jssliding-captions .lof-image img{width: 100%!important;  height: 100%!important;}



.productfull .jshop{ width:220px;}

.productfull .product-image img {max-width: 165px !important; width: 165px!important;}

.product-detail-wrap .jshop .product-image {height: 234px; width:165px; margin:0 auto; }



.jshop_img_navigation {height: 150px; width: 240px; left:0px;}

.jshop_img_navigation a.jshop-next{height:25px; top: 70%;}

.jshop_img_navigation a.jshop-previous{height:25px; top: 70%; left:15px;}

.productfull .jshop_img_description {margin:20px 0px 0 36px;/* margin-top: 83px; */}

.product-detail-wrap{width:100%;}

#main_image_full_949{ left:20px!important;}

.jshop{width:100%;}





#lightbox-container-image-box{ width:80%!important; height: 530px !important;}

#lightbox-image {max-height: 510px !important;}

#lightbox-container-image-data-box{width: 583px!important;}

#jquery-lightbox{top: 44.7px!important;}

.prod_buttons {
margin: 10px 0px 10px 254px !important;}

}







@media (max-width: 767px) and (min-width: 480px){



/*

===================================================================================

Header

===================================================================================

*/





body.bd .main{width:100%!important}

#ja-footer{height:95px}



#ja-footer .ja-footnav > .custom > div{width:100%; float:left; text-align:center}



.ja-box-ct > .custom > div{width:100%!important;}

.ja-box-ct > .custom > div > div{text-align:center!important; font-size:16px!important}



.ja-box-ct > .custom > div > a > img{width:76%!important; height:auto!important}

body.bd #ja-wrapper{min-width:98%!important}



h1.logo{position:relative; width:100%; text-align:center;clear:both; left:0; top:0; height:77px !important; }

h1.logo a{margin-left:auto; margin-right:auto; /*margin-top:-20px*/}



#ja-toll-free{width:100%; text-align:center; margin-top:15px;}

#ja-toll-free ul.menu{display:inline-block; }

#ja-splitmenu{padding-left:0; text-align:center;padding-top:50px;}

#ja-splitmenu li{float:none; display:inline-block}

#ja-splitmenu ul li a span.menu-title{ padding:0px 9px 0}

#ja-splitmenu ul li a{padding-bottom:10px}



#ja-splitmenu li{ padding:0 7px 0 7px}


#bd #ja-splitmenu ul li a span.menu-title {
padding: 0px 12px 0px 12px !important; letter-spacing:2px!important;
}




div.sigplus-gallery ul > li > img, div.sigplus-gallery ul > li > a > img{max-width:100%; width:100%; height:auto}

.sigplus-gallery h2.caption{font-size:13px!important}

div.gallery{padding-left:0}

#ja-container{padding-bottom:100px!important}



.contact-form textarea {width: 200px;}

.column dd div.button{left: -31px!important; top: 10px!important}

.column dd{ width:350px;}



.ja-footnav ul li a img{ top:3px!important;}



#ja-left {width:60%!important; float:none; margin:0 auto; }



div.ja-moduletable h3, div.moduletable h3{ padding-left:10px;}

.login_block .inputbox{width: 90px;}

#ja-content-main > div > table > tbody > tr > td.login_block > form > table > tbody > tr:nth-child(3) > td > a{left: -94px!important}

.register_block{width: 58%;}



.jshop_register td.name{  display:inline-table}

.jshop_register #country{width:200px;}



.mimi_webform_container .mimi_webform .mimi_field{ padding-right:0%; margin:0px; text-align:left!important;}

.buttontop{text-align:left!important;}



#price_message{height: 170px !important;}



#rokbox-wrapper{ width:80%!important; top: 24px!important; left:11%!important; height:auto!important;}

#rokbox-middle .rokbox-center{width:auto!important;}

#rokbox-container{width:100%!important;}

iframe{width:100%!important}



.lof-jssliding-captions{width: 100%!important;}



.lof-jssliding-captions .lof-main-wapper{width:400px!important; margin:0 auto;}

.lof-jssliding-captions .lof-main-wapper .lof-main-item {width: 100%;}

.lof-jssliding-captions .lof-image{width:100%!important; height:180px!important;}

.lof-jssliding-captions .lof-description{height:140px; width:97px!important; }

.lof-jssliding-captions .lof-image img{width:125px!important;  height:auto!important; }

.lof-jssliding-captions .lof-opacity{width:121px !important;  }

#ja-current-content, #ja-main{width: 100%!important; float:none; margin:0 auto;}

#lofjsslidingcaption224 > div > div{ padding-left:0px;}

/*#ja-mainnav { margin-top: 55px !important;}*/

.lof-jssliding-captions .lof-inner{ width:100%!important; height: 180px!important;}

.lof-jssliding-captions .lof-jsslidingimage{width:122px!important;  height:180px!important;}

.lof-jssliding-captions .lof-jsslidingimage:hover {width:121px!important; z-index:99999;}



.productfull .jshop_img_description { margin: 0px 45px 10px; margin-top:22px;}

.prod_buttons{margin: 10px 0px 10px 0px !important; float: left!important; }

#ja-content-main > input{left: 339px!important;}

.jshop{ width:396px; margin:0 auto;}



table.subtotal-table th {width: 80%;}



.product-detail-wrap .jshop .product-image{height: 282px; width: 200px!important; margin: 0 auto;}

.productfull .product-image img {max-width: 200px!important; margin-left:0px!important;}

.jshop_img_navigation {height: 284px;}

.jshop_img_navigation a.jshop-next, .jshop_img_navigation a.jshop-previous{ top:-30px;}



#lightbox-container-image-box{ width:400px!important; height: 530px !important;}

#lightbox-image {max-height: 510px !important; width: 100%;}

#lightbox-container-image-data-box{width:380px!important;}

#jquery-lightbox{top: 44.7px!important;}



#ja-container .main-inner2 .center{ padding:0}

}







@media (max-width: 479px) and (min-width: 320px){

/*

===================================================================================

Header

===================================================================================

*/



body.bd .main{width:100%!important}

#ja-footer{height:95px}



#ja-footer .ja-footnav > .custom > div{width:100%; float:left; text-align:center}



.ja-box-ct > .custom > div{width:100%!important;}

.ja-box-ct > .custom > div > div{text-align:center!important; font-size:14px!important; width:100%!important; padding-left:0!important; padding-right:0!important}



.ja-box-ct > .custom > div > a > img{width:76%!important; height:auto!important}

body.bd #ja-wrapper{min-width:98%!important}



h1.logo{position:relative; width:100%; text-align:center;clear:both; left:0; top:0 ;height: 75px;}

h1.logo a{margin-left:auto; margin-right:auto; /*margin-top:-19px;*/}



#ja-toll-free{width:100%; text-align:left; margin-top:15px;}
#ja-toll-free li{padding: 0 4px!important}

#ja-toll-free ul.menu{display:inline-block; float:left;}

#ja-splitmenu{padding-left:0; text-align:center; /*background:#000;*/ padding-top:50px; padding-bottom:5px;}

#ja-splitmenu li{float:none; display:inline-block; padding:0px 0px 0px 0px;}

#ja-splitmenu ul li a span.menu-title{ padding:0px 9px 0}

#ja-splitmenu ul li a{padding-bottom:10px}



#ja-container .main .main-inner2{padding:65px 15px 0}



#ja-footer .main .main-inner2{padding-left:15px; padding-right:15px}





div.sigplus-gallery ul > li > img, div.sigplus-gallery ul > li > a > img{max-width:100%; width:100%; height:auto}

.sigplus-gallery h2.caption{font-size:13px!important}

div.gallery{padding-left:0}

#ja-container{padding-bottom:100px!important}

div.sigplus-gallery{width:100%!important}

div.sigplus-gallery > ul > li{margin-left:0!important; margin-right:0!important}



#ja-subnav{width:100%; text-align:center; padding:13px 0 0 0px!important; text-align:center!important}

#ja-subnav li{float:none}



.contact-form{ margin-top:25px; float:left;}

.column dd{ margin-left:0px; width:200px;}

.contact-form textarea {width: 200px;}

.contact-form .button{left:4px;  bottom:0px;}

.column dd div.button{left: -6px!important; top: 10px!important;}



.ja-footnav ul li a img{ top:3px!important;}



#ja-left {width:62%!important; float:none; margin:0 auto;}



div.ja-moduletable h3, div.moduletable h3{ padding-left:10px;}



.jshop_register td.name{  display:inline-table}



.register_block{display:table; width: 100%; border-left:0px!important;}



.login_block .small_header, .register_block .small_header{ white-space:nowrap; padding:5px 0px;}

#ja-content-main > div > table > tbody > tr > td.register_block > div > input{ top:13px!important;}

#ja-content-main > div > table > tbody > tr > td.login_block > form > table > tbody > tr:nth-child(3) > td > input.button {float: left; margin: 50px 0 0 0;}



.jshop_register .inputbox, .tblsearch .inputbox{ width:110px;}

.jshop_register #title, #country{width: 120px;}



.mimi_webform_container .mimi_webform .mimi_field{ padding-right:0%; margin:0px; text-align:left!important;}

.buttontop{text-align:left!important;}



table.subtotal-table th {width:72%;}



#price_message{height: 170px !important;}



table.cart-table th{ width:10%; padding: 8px 3px; font-size:9px;}

table.cart-table td{font-size: 93%;}

.cart .jshop_img{ width:15px;}

#rokbox-wrapper{ width:80%!important; top: 24px!important; left: 45px!important; height:auto!important;}

#rokbox-middle .rokbox-center{width:auto!important;}

#rokbox-container{width:100%!important;}

iframe{width:100%!important}



#ja-current-content, #ja-main{width: 100%!important;}

.lof-jssliding-captions{width: 100%!important;}



.lof-jssliding-captions .lof-main-wapper{width:270px!important; margin:0 auto; float:none; padding-left:0px;}

.lof-jssliding-captions .lof-main-wapper .lof-main-item {width: 100%;}

.lof-jssliding-captions .lof-image{width:100%!important; height:120px!important;}

.lof-jssliding-captions .lof-description{height:80px; width:54px!important; }

.lof-jssliding-captions .lof-image img{width:81px!important;  height:120px!important; }

.lof-jssliding-captions .lof-opacity{width:78px !important;  }

#ja-current-content, #ja-main{width: 100%!important;}

#lofjsslidingcaption224 > div > div{ padding-left:0px;}



.lof-jssliding-captions .lof-inner{ width:100%!important; height: 120px!important; }

.lof-jssliding-captions .lof-jsslidingimage{width:78px!important;  height:120px!important;}

.lof-jssliding-captions .lof-jsslidingimage:hover {width:78px!important; }

.lof-jssliding-captions .lof-inner .lof-title{font-size:81%;}





.jshop_img_navigation{width: 205px; height: 250px; top: -60px;}



#ja-content-main > input{left:100px!important;}

.jshop{ width:269px!important; margin:0 auto!important;}



.productfull .product-image img {max-width: 165px !important;}

.product-detail-wrap .jshop .product-image {height: 234px;}



.jshop_img_navigation {height: 150px; width: 250px; left:-12px;}

.jshop_img_navigation a.jshop-next{height:25px; top:100%; right: 20px;}

.jshop_img_navigation a.jshop-previous{height:25px; top:100%; left:0px;}

.productfull .jshop_img_description {margin:20px 0px 10px -66px;/* margin-top: 83px; */}



.prod_buttons{margin: 10px 0px 10px 0px !important; float: left!important; width:180px; }



.lof-jssliding-captions .lof-row .lof-shadow{background: url(images/shadow.png) no-repeat 0px bottom; }



#lightbox-container-image-box{ width:250px!important; height: 330px !important;}

#lightbox-image {max-height: 310px !important; width: 100%;}

#lightbox-container-image-data-box{width:230px!important;}

#jquery-lightbox{top: 44.7px!important;}



#ja-container .main-inner2 .center{ padding:0}

.custom .button{left: 150px;top: 50px !important;}

#ja-container .item-page p{ width:100%; display:block; clear:both;}



#ja-content-main > div.item-page.center > div:nth-child(2) > div {

float: none!important;

width: 250px;

margin: 0 auto;

}



#Mod193 > div > div > div > span > a{left: -230px !important;top: 50px !important;}


#bd #ja-splitmenu ul li a span.menu-title{padding: 0px 9px 0px 10px !important; font-size:11px !important; letter-spacing: 2px;}

#bd #ja-header .main-inner2{padding:0px 0px 0px 0px !important;}


}

ul.menuhidden-phone{ float:left;}